<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>APP-登录</title>
    <link rel="icon" href="image/public/Logo.ico">
    <link rel="stylesheet" href="css/app-login/app-login.css">
    <link rel="stylesheet" href="element/index.css">

    <style>
        html {
            font-size: 50px;
        }

        @media screen and (min-width: 375px) {
            html {
                font-size: 25px;
            }
        }

        @media screen and (min-width: 390px) {
            html {
                font-size: 26px;
            }
        }

        @media screen and (min-width: 414px) {
            html {
                font-size: 27.6px;
            }
        }

        @media screen and (min-width: 820px) {
            html {
                font-size: 54.6px;
            }
        }
    </style>
</head>
<body style="background: url(./image/login-post/lp1.jpg) 0% 0% /cover no-repeat;">
<div id="app">
    <div id="max">
        <div id="max-son">
            <div class="title">
                <div class="title-box">
                    <a href="">
                        <img src="./image/login-post/lp2.png" alt="">
                    </a>
                </div>
            </div>
            <div class="head-lp">
                <div class="head-main">
                    <span class="phone-login">手机动态码登录</span>
                    <span class="login-span">普通登录</span>
                </div>
                <div class="head-line" style="margin-left: 13.6%;"></div>
            </div>
            <div class="content">
                <div class="content-son">
                    <div class="cont-login2">
                        <div class="login2-div1">
                            <div class="phone-num-div">
                                <div class="phone-num-con">
                                    <span>+86</span>
                                    <img src="./image/login-post/lp5.png" alt="">
                                </div>
                                <input type="text" id="phone-num" v-model="phone" placeholder="手机号码">
                                <div class="phone-num-txt" @click="getCode">
                                    <span class="go-phone-yzm">发送验证码</span>
                                </div>
                            </div>
                            <input type="password" v-model="code_phone" id="phone-pwd" placeholder="验证码">
                        </div>
                        <div class="go-post-div">
                            <a href="http://127.0.0.1:5502/AppPage/app-post.html">还没有账号？立马注册</a>
                        </div>
                        <div class="btn-box2">
                            <button class="go-phone-btn" @click="submit">登录</button>

                            <div class="pleas-phone">
                                请输入手机号
                            </div>
                            <div class="pleas-pwd">
                                请输入验证码
                            </div>
                        </div>
                    </div>
                    <div class="cont-login1">
                        <div class="login1-div1">
                            <input type="text" id="login-num" placeholder="请输入手机号/邮箱">
                            <input type="password" id="login-pwd" placeholder="请输入密码">
                        </div>
                        <div class="login1-div2">
                            <img class="login1-pwd-open" src="./image/login-post/lp4.png" alt="">
                            <img class="login1-pwd-close" src="./image/login-post/lp3.png" alt="">
                        </div>
                        <div class="btn-box">
                            <button class="btn-login" @click="submit">登录</button>
                            <button class="btn-go-post">
                                <a href="app-post.html">注册</a>
                            </button>

                            <div class="all-not">
                                请输入账号跟密码！
                            </div>
                            <div class="numpwd-error">
                                账号或密码错误
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script src="jquery/jquery-3.6.0.js"></script>
<script src="js/api.js"></script>
<script src="vue/vue.min.js"></script>
<script src="axios/axios.js"></script>
<script src="js/app-login.js"></script>
<script src="element/index.js"></script>
</html>